<template>
	<view class="report-success">
		<view class="title">
			举报完成
		</view>
		<view class="icon">
			<uv-icon color="#fe2b54" size="96rpx" name="checkmark-circle-fill"></uv-icon>
		</view>
		<view class="content">
			提交成功，我们将尽快受理
		</view>
		<view class="description">
			受理结果我们将在第一时间通过站内信通知您，感谢您对社区安全做的贡献!
		</view>
		<view class="button">
			<uv-button color="#f35344" type="error" text="完成" @click="toPhotograph"></uv-button>
		</view>
		
	</view>
</template>

<script setup>
	import {ref,onMounted } from 'vue'
	
	const toPhotograph = ()=>{
		uni.navigateBack({
			delta:3
		})
	}
</script>

<style lang="scss">
	.report-success{
		.title{
			    height: 174rpx;
			        line-height: 260rpx;
			        text-align: center;
			        background-color: #282828;
			        color: white;
			        font-size: 15px;
		}
		.icon{
			width: 96rpx;
			    margin: 120rpx auto 0 auto;
		}
		.content{
			text-align: center;
			    height: 50rpx;
			    line-height: 50rpx;
		}
		.description{
			text-align: center;
			    font-size: 26rpx;
			    width: 80%;
			    color: #737478;
			    margin: auto;
				margin-top: 20rpx; 
		}
		.button{
			width: 90%;
			position: absolute;
			bottom: 60rpx;
			left: 5%;
		}
	}
</style>